<!--风险地图 买家业主栏-->
<template>
    <div>
        <div class="buyerowner">
            <van-tabs v-model="active" type="line">
                <van-tab title="买家（51）">
                    <div class="tag">产权</div>
                    <div class="tag">政策</div>
                    <div class="tag">看房选房</div>
                    <div class="tag">购房资质</div>
                    <div class="tag">签约/合同</div>
                    <div class="tag">网签</div>
                    <div class="tag">面议</div>
                    <div class="tag">贷款</div>
                    <div class="tag">缴税</div>
                    <div class="tag">过户</div>
                    <div class="tag">物业交割</div>
                </van-tab>
                <van-tab title="业主（29）">
                    <div class="tag">产权</div>
                    <div class="tag">政策</div>
                    <div class="tag">签约/合同</div>
                    <div class="tag">缴税</div>
                    <div class="tag">过户</div>
                    <div class="tag">解抵押</div>
                    <div class="tag">物业交割</div>
                </van-tab>
            </van-tabs>

            <div class="QA_list"> 
                <h3>离婚后房子怎么判？</h3>
                <p>婚姻财产是指夫妻任意一方或双方共同在婚姻存缓期间积聚所得的大部分财产，涉及婚姻财产</p>
            </div>
            <div class="QA_list"> 
                <h3>离婚后房子怎么判？</h3>
                <p>婚姻财产是指夫妻任意一方或双方共同在婚姻存缓期间积聚所得的大部分财产，涉及婚姻财产</p>
            </div>
            <div class="QA_list"> 
                <h3>离婚后房子怎么判？</h3>
                <p>婚姻财产是指夫妻任意一方或双方共同在婚姻存缓期间积聚所得的大部分财产，涉及婚姻财产</p>
            </div>
            <div class="QA_list"> 
                <h3>离婚后房子怎么判？</h3>
                <p>婚姻财产是指夫妻任意一方或双方共同在婚姻存缓期间积聚所得的大部分财产，涉及婚姻财产</p>
            </div>
            <div class="QA_list"> 
                <h3>离婚后房子怎么判？</h3>
                <p>婚姻财产是指夫妻任意一方或双方共同在婚姻存缓期间积聚所得的大部分财产，涉及婚姻财产</p>
            </div>

            <van-divider :style="{ color: '#000000', borderColor: '#000000', padding: '0 16px' }">已经到底啦</van-divider>
        </div>
    </div>
</template>

<script>
export default {
    
}
</script>

<style scoped>
  .buyerowner{
      width: 89%;
      height: auto ;
      margin: 0 auto;
  }
  div>>>.van-tab__text {
      font-size: 0.16rem;
      font-weight: 700;
  }
  
  .van-tab__pane{
      height: 1.35rem;
      margin: 0 auto;
      margin-top: 0.1rem;
  }
  .tag{
      line-height: 0.34rem;
      text-align: center;
      font-size: 0.14rem;
      font-weight: 700;
      background-color: #f8f8f8;
      float: left;
      margin-right: 0.08rem;
      margin-bottom: 0.08rem;
      padding: 0 0.15rem ;
  }

  .QA_list{
      width: 100%;
      height: 1rem;
      border-bottom: 2px #f6f6f6 solid;
      padding-top: 0.1rem;
  }
  h3{
      text-align: left;
      line-height: 0.3rem;
  }
  p{
      width: 100%;
      font-size: 0.16rem;
      line-height: 0.24rem;
      color: #8f8f8f;
      overflow:hidden;
      text-overflow: ellipsis;
      -webkit-line-clamp: 2;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      margin-top: 0.06rem;
  }
</style>